<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<% String path = request.getContextPath();
    request.setAttribute("path",path);%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> <link href="${path}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${path}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${path}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${path}/css/animate.css" rel="stylesheet">
    <link href="${path}/css/style.css?v=4.1.0" rel="stylesheet">
     <script>
		var myVar=setInterval(function(){myTimer()},1000);
		function myTimer(){
			var d=new Date();
			var t=d.toLocaleTimeString();
			document.getElementById("time").innerHTML=t;
		}
	</script>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
              <div class="jumbotron">
              	<div style="margin-left: 250px">
                    <p>&nbsp;</p>

					<h1>${sessionScope.loginInfo.name}</h1>
					<p>&nbsp;</p>
					<p>欢迎登录考勤管理系统</p>
					<p id="time">&nbsp;</p>
					<p>&nbsp;</p>
					<p><a href="${path}/sign?employee_number=${sessionScope.userinfo.employee_number}"
							class="btn btn-info btn-lg" id="sign">&nbsp;上班签到&nbsp;</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
						<a href="${path}/out?employee_number=${sessionScope.userinfo.employee_number}"
							class="btn btn-info btn-lg" id="outwork">&nbsp;下班签到&nbsp;</a>
					</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
                    <div style="display: none" id="msg">${msg}</div>
                    <div style="display: none" id="outmsg">${outmsg}</div>
                </div>
            </div>
            </div>
         </div>
     </div>
	<!-- 全局js -->
    <script src="${path}/js/jquery.min.js?v=2.1.4"></script>
    <script src="${path}/js/bootstrap.min.js?v=3.3.6"></script>
    
    <!-- 自定义js -->
    <script src="${path}/js/content.js?v=1.0.0"></script>
    
    <!-- layer javascript -->
    <script src="${path}/js/plugins/layer/layer.min.js"></script>
   	<script>
   	$("#sign").click(function () {
   	    parent.layer.alert($("#msg").text());
	});

   	$("#outwork").click(function () {
   	    parent.layer.alert($("#outmsg").text());
	});
   	</script>
</body>
</html>
